//创建仓库
import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex)

//创建 store
let store = new Vuex.Store({
    state:{ //存放数据 =>响应式数据
        // 默认数据
        proSelectObj:{num:1,color:'M6黑色',size:'37',img:'',pic:0,shop:'',name:''},
        SelectList:[],
        cartList:[],
        // scrollS:0,  
        footIndex:0 //底部导航  
    },
    getters:{},
    mutations:{ //修改state中的数据
        changeProSelectObj(state,data){
            // console.log("mutations");
            state.proSelectObj = data
        },
        changeFootIndex(state,index){ //修改底部导航index，对应修改样式
            console.log(index);
            state.footIndex= index
           },
           addCartList(state,data){
            //JSON.parse(JSON.stringify(data))对对象进行深拷贝，防止push到同一地址，覆盖前面数据
            // state.cartList.push(data)    错误示例
            state.cartList.push(JSON.parse(JSON.stringify(data)))
            // console.log( state.cartList);
          },
        
    },
    actions:{},
})


export default store